<%-- 
    Document   : NRegGenDetalleDocAdmin
    Created on : 30-ene-2015, 16:06:13
    Author     : uotu
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <script src="${pageContext.request.contextPath}/JQuery_w/external/jquery/jquery.js"></script>
        <script src="${pageContext.request.contextPath}/scripts/scriptSiaTd.js"></script>
        <script src="${pageContext.request.contextPath}/JQuery_w/jquery-ui.min.js"></script>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/JQuery_w/jquery-ui.min.css"/>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/JQuery_w/jquery-ui.structure.min.css"/>
        <link rel="stylesheet" href="${pageContext.request.contextPath}/JQuery_w/jquery-ui.theme.min.css"/>
        <script src="${pageContext.request.contextPath}/scripts/calendario.js"></script>

        <title>JSP Page</title>
        <script>
            var est = "0";
            $().ready(function () {
                $("#listaDocReferencia").dialog({
                    autoOpen: false,
                    show: {
                        effect: "explode"
                    },
                    hide: {effect: "explode"},
                    width: 900,
                    height: 250
                });
                est = "0";
            });
            function openDialogDoc()
            {
                $("#listaDocReferencia").dialog("open");
            }
            function ListarDocRef() {
                $.post("detDocumentoRef.htm", {dni: document.frm1.dniUsuario.value}, function (data) {
                    $("#listaDocReferencia table tbody").html(data);
                });
                openDialogDoc();
            }
            function selectDocRef(select)
            {
                if (est == "2") {
                    document.frm1.referenciaDoc.value += ",[numDoc:'" + document.getElementById(select).getElementsByTagName("td")[0].innerHTML + "'," +
                            "rut:'" + document.getElementById(select).getElementsByTagName("td")[9].innerHTML + "']";
                }
                if (est == "0") {
                    document.frm1.referenciaDoc.value += "{";
                    est = "1";
                }
                if (est == "1") {
                    document.frm1.referenciaDoc.value += "[numDoc:'" + document.getElementById(select).getElementsByTagName("td")[0].innerHTML + "'," +
                            "rut:'" + document.getElementById(select).getElementsByTagName("td")[9].innerHTML + "']";
                    est = "2";
                }

                document.getElementById("docRef").value += "codDoc:" + document.getElementById(select).getElementsByTagName("td")[0].innerHTML + "\n";
                document.getElementById("docRef").value += "ruta doc:" + document.getElementById(select).getElementsByTagName("td")[9].innerHTML + "\n - - - - - \n";
                $("#listaDocReferencia").dialog("close");
            }
            function submiter()
            {
                document.frm1.referenciaDoc.value += "}";
                document.frm1.submit();
            }
        </script>
    </head>
    <body>

        <form action="registraGenDetalleDocAdmin.htm" name="frm1" method="post" onsubmit="submiter();
                return false;">
            <label/>codigo tipo doc<select name="codTipDoc">
                <c:forEach items="${doc}" var="d">
                    <option value="${d.codDocumento}">${d.tipo}</option>
                </c:forEach>
            </select>
            <label/>Nro de Emision Documento Adm.<input type="text" value="${codGenDetDocAdm}" name="nroEmisionDocAdm"/>
            <label/>tipo Doc.<input type="text" value="" name="nroTipDoc" />
            <label/>nombre Tipo Doc<input type="text" value="" name="nomTipDoc"/>
            <label/>Asunto<input type="text" value="" name="asunto"/>
            <label/>fecha<input type="text" value="" name="fecha" class="tx_fecha" />
            <label/>Usuario Destino:
            <input type="text" name="usuDestino" id="usuDni" placeholder="Dni.."/>
            <input type="text" name="apePat" placeholder="Ape Paterno.."/>
            <input type="text" name="apeMat" placeholder="Ape Materno.."/>
            <input type="text" name="preNom" placeholder="Pre Nombre.."/>
            <button type="button" onclick="ListarUsuarios();">:::</button>
            <label/>Unidad Padre<select name="codUniPadreInt">
                <c:forEach items="${uniPadInt}" var="uniPad">
                    <option value="${uniPad.idUniOrgPadre}">${uniPad.nombre}</option>
                </c:forEach>
            </select>
            <label/>Unidad Departamento<select name="codUniDepartamentoInt">
                <c:forEach items="${uniDepInt}" var="uniDep">
                    <option value="${uniDep.codUnidDepInter}">${uniDep.nombre}</option>
                </c:forEach>
            </select>
            <label/>referencia Documento<input type="text" value="" name="referenciaDoc"/>
            <textarea id="docRef"></textarea>
            <button type="button" onclick="ListarDocRef();">:::</button>
            <label/>copia Doc<input type="text" value="" name="copiDoc"/>
            <label/>ini Datos usuario<input type="text" value="" name="iniDatosUsu"/>
            <label/>tipo Anio<select name="codTipAnnio">
                <c:forEach items="${tipAni}" var="tipAni">
                    <option value="${tipAni.codTipAnio}">${tipAni.tipoAnio}</option>
                </c:forEach>
            </select>
            <label/>Anio <select name="codAnio">
                <c:forEach items="${anio}" var="ani">
                    <option value="${ani.codAnio}">${ani.anio}</option>
                </c:forEach>
            </select>
            <label/>estado Doc. <select name="codEstadodoc">
                <c:forEach items="${estDoc}" var="estDoc">
                    <option value="${estDoc.codEstDoc}">${estDoc.estado}</option>
                </c:forEach>
            </select>
            <label/>Dni Usuario <input type="text" value="${dni}" name="dniUsuario" />
            <label/>ruta Documento <input type="text" name="rutaDocumento"/>
            <button>Registrar</button>
        </form>
        <h2>${result}</h2>
        <%--Sirve para el div modal, lista de usuarios--%>
        <div id="ListaUsuariosModal" title="Lista De Usuarios">
            <div id="BusUsu">
                <input type="text" id="dni" placehoder="Buscar por DNI"/>
                <input type="text" id="aPat" placehoder="Ap. Paterno"/>
                <input type="text" id="aMat" placehoder="Ap. Materno"/>
                <input type="text" id="pNom" placehoder="PreNombre"/>
            </div>
            <div id="ListaUsuarios">
            </div>
        </div>
        <%--Modal de detalle de documentos--%>
        <div id="listaDocReferencia" title="Lista De Documentos">
            <div>
                <table>
                    <thead>
                        <tr>
                            <th>Nro Doc.</th>
                            <th>Tipo Doc.</th>
                            <th>Nombre Doc.</th>
                            <th>Asunto</th>
                            <th>Fecha</th>
                            <th>Asunto</th>
                            <th>Año</th>
                            <th>Destinatario</th>
                            <th>Unidad Pad.</th>
                            <th>Unidad Dep.</th>
                            <th>Ruta Doc.</th>
                            <th></th>
                        </tr>    
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </body>
</html>
